<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="../static/eavluate/js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="../static/eavluate/js/comment.js"></script>
</head>
<body>
<style type="text/css">
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
body{font:12px/180% Arial, Helvetica, sans-serif;}
/*quiz style*/
.quiz{border:solid 1px #ccc;height:370px;width:772px;}
.quiz h3{font-size:14px;line-height:35px;height:35px;border-bottom:solid 1px #e8e8e8;padding-left:20px;background:#f8f8f8;color:#666;position:relative;}
.quiz_content{padding-top:10px;padding-left:20px;position:relative;height:205px;}
.quiz_content .btm{border:none;width:100px;height:33px;margin:10px 0 0 64px;display:inline;cursor:pointer;}
.quiz_content li.full-comment{position:relative;z-index:99;height:41px;}
.quiz_content li.cate_l{height:24px;line-height:24px;padding-bottom:10px;}
.quiz_content li.cate_l dl dt{float:left;}
.quiz_content li.cate_l dl dd{float:left;padding-right:15px;}
.quiz_content li.cate_l dl dd label{cursor:pointer;}
.quiz_content .l_text{height:120px;position:relative;padding-left:18px;}
.quiz_content .l_text .m_flo{float:left;width:47px;}
.quiz_content .l_text .text{width:634px;height:109px;border:solid 1px #ccc;}
.quiz_content .l_text .tr{position:absolute;bottom:-18px;right:40px;}
/*goods-comm-stars style*/
.goods-comm{height:41px;position:relative;z-index:7;}
.goods-comm-stars{line-height:25px;padding-left:12px;height:41px;position:absolute;top:0px;left:0;width:400px;}
.goods-comm-stars .star_l{float:left;display:inline-block;margin-right:5px;display:inline;}
.goods-comm-stars .star_choose{float:left;display:inline-block;}
/* rater star */
.rater-star{position:relative;list-style:none;margin:0;padding:0;background-repeat:repeat-x;background-position:left top;float:left;}
.rater-star-item, .rater-star-item-current, .rater-star-item-hover{position:absolute;top:0;left:0;background-repeat:repeat-x;}
.rater-star-item{background-position: -100% -100%;}
.rater-star-item-hover{background-position:0 -48px;cursor:pointer;}
.rater-star-item-current{background-position:0 -48px;cursor:pointer;}
.rater-star-item-current.rater-star-happy{background-position:0 -25px;}
.rater-star-item-hover.rater-star-happy{background-position:0 -25px;}
.rater-star-item-current.rater-star-full{background-position:0 -72px;}
/* popinfo */
.popinfo{display:none;position:absolute;top:30px;background:url(static/eavluate/images/comment/infobox-bg.gif) no-repeat;padding-top:8px;width:192px;margin-left:-14px;}
.popinfo .info-box{border:1px solid #f00;border-top:0;padding:0 5px;color:#F60;background:#FFF;}
.popinfo .info-box div{color:#333;}
.rater-click-tips{font:12px/25px;color:#333;margin-left:10px;background:url(static/eavluate/images/comment/infobox-bg-l.gif) no-repeat 0 0;width:125px;height:34px;padding-left:16px;overflow:hidden;}
.rater-click-tips span{display:block;background:#FFF9DD url(static/eavluate/images/comment/infobox-bg-l-r.gif) no-repeat 100% 0;height:34px;line-height:34px;padding-right:5px;}
.rater-star-item-tips{background:url(static/eavluate/images/comment/star-tips.gif) no-repeat 0 0;height:41px;overflow:hidden;}
.cur.rater-star-item-tips{display:block;}
.rater-star-result{color:#FF6600;font-weight:bold;padding-left:10px;float:left;}
.radioLeft
{
	text-align:left;
}
</style>
<!--<link rel="stylesheet" href="../static/detail/css/normalize.css" />-->
<!--<link rel="stylesheet" href="../static/detail/css/base.css" />-->
<!--<link rel="stylesheet" href="../static/detail/css/index.css" />-->
<!--<link rel="stylesheet" href="../static/index/css/footer.css" />-->

<!--<link rel="stylesheet" href="../static/index/css/product.css" />-->
<style type="text/css">
	/*@import url(../static/index/css/footer.css);*/
	@import url(../static/detail/css/normalize.css);
	@import url(../static/detail/css/base.css);
	/*@import url(../static/detail/css/index.css);*/
	@import url(../static/index/css/footer.css);
</style>

<body>
<div class="shortcut">
	<div class="w">
		<!--        首页加位置-->
		<ul class="fl">
			<li id="ttbar-home"><i class="iconfont">&#xe608;</i><a href="/index" target="_blank">狗东首页</a></li>
			<li class="dorpdown" id="ttbar-mycity"></li>
		</ul>
	</div>
	<ul class="fr nav">
		<#if user?exists>
		<li>
			<a href="/userInfo" style="color: #c81623">${user}</a>
			&nbsp;&nbsp;&nbsp;
			<a href="/login" >退出登录</a>
			${warning}
		</li>
		<li class="space"></li>
		<li>
			<a href="/order/all">我的订单</a>
		</li>
		<li class="space"></li>
		<li>
			<a href="/userInfo">我的狗东</a>
		</li>
		<#else>
		<li>
			<a href="/login">你好，请登录</a>
			<a href="/register" class="f10">免费注册</a>
		</li>
	</#if>
	<li class="space"></li>
	</ul>
</div>
</div>

<div class="m">
	<div class="w middle">
		<div class="logo">
			<h1>
				<a href="index" title="狗东">狗东</a>
			</h1>
		</div>
		<div class="form">
			<form action="/find/name" method="post">
				<input id="text" type="text" name="name" placeholder="搜索">
				<button><input type="submit" value="搜索" style="width: 50px"></button>
			</form>
		</div>
		<div class="shopCar">
			<i></i><a href="/cart" class="f10">我的购物车</a>
		</div>

	</div>
</div>
</body>


<center>
<div class="quiz">
	<h3>我要评论</h3>
	<div class="quiz_content">
		<form action="/evaluate/set" id="" method="post">

			<div class="goods-comm">
				<div class="goods-comm-stars">
					<span class="star_l">满意度：</span>
					<score style="width: 320px;height: 20px;font-size: 15px;float: left">
						<input type="radio" id="star5" name="level" value="5" />5分⭐️⭐⭐⭐⭐<br/>
						<input type="radio" id="star4" name="level" value="4" />4分⭐⭐⭐⭐<br/>
						<input type="radio" id="star3" name="level" value="3" />3分⭐⭐⭐<br/>
						<input type="radio" id="star2" name="level" value="2" />2分⭐⭐<br>
						<input type="radio" id="star1" name="level" value="1" />1分⭐
					</score>
				</div>
			</div>
            ${message}
            <br/><br/><br/><br/><br/><br/>
            <input id="level" type="hidden" value=""/>
			<input name="productId" type="hidden" value="${productId}"/>
			<input name="orderId" type="hidden" value="${orderId}"/>
			<div class="l_text">
				<label class="m_flo">内  容：</label>
				<input name="content"  class="text"/>
				<span class="tr">字数限制为5-200个</span>
			</div>
			<input type="submit" style="width: 50px;height: 30px;background-color: red" ></button>
		</form>
	</div><!--quiz_content end-->
</div><!--quiz end-->
</center>



</body>
</html>


